<template>
  <div>
    <h2>电影列表</h2>
    <p>count组件中的count值是:{{ count }}</p>
    <button @click="getMovieList">点击获取电影列表</button>
    <ul>
      <li v-for="item in movieList" :key="item.tvId">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
import { mapActions ,mapState } from 'vuex'
export default {
    name:"Movie",
      /* 
      模块化以后,对我们获取state中的数据产生影响,多了一层模块的结构
      对辅助函数获取方法是没有影响的,对辅助函数获取state的值有影响
      */
      // 一旦使用模块化开启命名空间后，辅助函数前面就需要写上当前模块的模块化名称
        computed:{
      // ...mapState(["count","movieList"]),
      ...mapState("count",["count"]),
      ...mapState("movie",["movieList"])

    },
    methods: {
      // ...mapActions(["getMovieList"])
      ...mapActions("movie",["getMovieList"])
    },
}
</script>

<style scoped>

</style>